{% extends "base/base.html" %}

{% block title %}
    <title>首页</title>
{% endblock title %}

{% block css %}
    <style>
        .jumbotron p {
            text-align: center;
        }
    </style>
{% endblock css %}

{% block username %}
    <i class="glyphicon glyphicon-user"></i>
    {{ request.user }}
{% endblock %}

{% block sidebar %}

{% endblock sidebar %}

{% block content %}

    <div id="content" class="col-sm-12">
        <div class="jumbotron">
            <p>
                <span>复习: {{ review }} 词</span>
                <span>新学: {{ new }} 词</span>
            </p>
            <p>
                <strong class="text-primary">{{ request.user }}</strong>
                开始今天的单词之旅吧
            </p>
            <p>
                <a href="{% url 'recite' %}" class="btn btn-link">开始</a>
            </p>
        </div>
    </div>

{% endblock content %}
